/* Estilo del encabezado */
header {
    background-color: #00796b; /* Color de fondo verde teal */
    color: #ffffff;            /* Color del texto en blanco */
    padding: 1rem;            /* Espaciado interno */
    text-align: center;       /* Alineación centrada del texto */
}

/* Estilo del formulario de publicación */
.card {
    border: 1px solid #00796b; /* Borde de la tarjeta */
    border-radius: 5px;        /* Bordes redondeados */
    margin-bottom: 15px;       /* Espacio entre tarjetas */
}

/* Estilo del contenido dentro de las tarjetas */
.card-body {
    padding: 15px;
    background-color: #e0f2f1; /* Fondo más claro para el contenido */
}

/* Estilo para el botón de publicación */
.btn-dark {
    background-color: #00796b; /* Color de fondo del botón */
    border: none;              /* Sin borde */
    color: #ffffff;            /* Color del texto */
}

.btn-dark:hover {
    background-color: #004d40; /* Color más oscuro para el hover */
}

/* Estilo para las publicaciones */
.forum-posts {
    margin-top: 20px;
    padding: 10px;
}

.card.mb-3 {
    border: 1px solid #00796b; /* Borde de las publicaciones */
    border-radius: 5px;        /* Bordes redondeados */
    margin-bottom: 15px;       /* Espacio entre publicaciones */
}

.card-body {
    padding: 15px;
    background-color: #ffffff; /* Fondo blanco para las publicaciones */
}

/* Estilo para los títulos */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff; /* Color del texto de los títulos */
}

/* Estilo para los enlaces */
a {
    color: #00796b; /* Color del enlace */
    text-decoration: none; /* Sin subrayado */
}

a:hover {
    color: #004d40; /* Color más oscuro al pasar el cursor */
    text-decoration: underline; /* Subrayado en hover */
}